<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>IE的GET请求强缓存问题</title>
	</head>
	<body>
		<h2>该页面练习解决：IE的GET请求强缓存问题</h2>
		<button id="btn">获取欢迎信息</button>
		<div id="content"></div>
		
		<script type="text/javascript" >
				const btn = document.getElementById('btn')
				btn.onclick = function (){
					//创建一个XMLHttpRequest的实例对象 —— 找来一个帮我们发请求的人
					const xhr = new XMLHttpRequest()
					//绑定监听
					xhr.onreadystatechange = function(){
						if(xhr.readyState === 4 ){
							if(xhr.status >= 200 && xhr.status <=299){
								console.log('数据回来了',xhr.response,xhr.status)
								const content = document.getElementById('content')
								content.innerText = xhr.response
							}
						}
					};

					//指定发送请求的：方式、地址
					xhr.open('GET','http://127.0.0.1:5000/hello?t='+Date.now());
					//发送请求
					xhr.send();
				}
		</script>
	</body>
</html>